<template>
	<view>
		<view class="top">
			<view class="topone">
				<view class="topone1">
					<image src="../../static/logo.png" mode=""></image>
				</view>
				<view class="topone2">
					<text class="topone21">千锋教育</text>
					<view class="topone22">
						更新头像昵称
					</view>
				</view>
			</view>
			<view class="toptwo" @click="she">
				设置
			</view>
		</view>
		
		<view class="me">
			<view class="meone">
				<view class="">
					我的订单
				</view>
			
				<view class="">
					
				</view>
				<view class="">
					
				</view>
				<view class="meone4">
					查看全部订单&gt;
				</view>
			</view>
			<view class="metwo">
				<view class="">
					代付款
				</view>
				<view class="">
					待发货
				</view>
				<view class="">
					待收货
				</view>
				<view class="">
					待评价
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			she(){
				uni.navigateTo({
					url:'../she/she'
				})
			}
		}
	}
</script>

<style lang="scss">
.top{
	display: flex;
	justify-content: space-around;
	height: 300rpx;
	background-color: #00c39f;
	padding-top: 100rpx;
	box-sizing: border-box;
	color: #fff;
	.topone{
		display: flex;
		.topone1{
			width: 100rpx;
			height: 100rpx;
			
			image{
				width: 100rpx;
				height: 100rpx;
				border-radius: 50%;
			}
		}
		.topone2{
			margin-left: 40rpx;
			.topone21{
				margin-bottom: 20rpx;
				font-size: 40rpx;
			}
			.topone22{
				border: 1rpx solid #fff;
				padding: 5rpx;
			}
		}
	
	}
	.toptwo{
		width: 100rpx;
		height: 100rpx;
		margin-top: 50rpx;
		font-size: 40rpx;
		border-radius: 10rpx;
		margin-top: 20rpx;
	}
}
.me{
	width: 98%;
	height: 300rpx;
	background-color: #fff;
	border-radius: 20rpx;
	position: fixed;
	top: 230rpx;
	left: 1%;
	padding: 20rpx;
	box-sizing: border-box;
	.meone{
		display: flex;
		justify-content: space-around;
		.meone4{
			color: #ccc;
		}
	}
	.metwo{
		display: flex;
		justify-content: space-around;
		margin-top: 100rpx;
	}
}
</style>
